<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>轮播图</title>

</head>
<style>
	*{margin:0;padding:0;}



	#slide{

		width:520px;
		height:280px;

	}



	#ttt{

		width:900px;
		height:375px;
		margin-top:200px;


	}



	#ddd{

		width:800px;
		height:510px;
		margin-top:200px;


	}







	/* 	#prev{
        font-size:14px;
        position:absolute;
        left:0px;
        top:130px;
        z-index:2;
        background:#333;
        color:#fff;
        padding:4px;
        opacity:0.5;
        border-style:none;
        outline:none;
        cursor:pointer;
        display:none;

    } */


	/* #next{
		font-size:14px;
		position:absolute;
		right:0px;
		top:130px;
		z-index:2;
		background:#333;
		color:#fff;
		padding:4px;
		opacity:0.5;
		border-style:none;
		outline:none;
		cursor:pointer;
		display:none;


	} */








</style>


<body>

<div id="slide">
	<div>
		<img src="/static/res/xc/4.jpg" alt="">
		<img src="/static/res/xc/4.jpg" alt="">
		<img src="/static/res/xc/4.jpg" alt="">
	</div>
</div>






<div id="ddd" >

	<div>
		<img src="jsonp.jpg"  alt="">
		<img src="prismjs.jpg"  alt="">
		<img src="gouri.jpg"  alt="">
		<img src="AJAX.jpg"  alt="">
		<img src="http协议.jpg"  alt="">



	</div>


</div>





















</body>
<!-- <script src="demo.js"></script> -->
<script src="/static/js/roomSlider.js"></script>


<script>
	window.onload = function(){


		var a = new RoomSlider('slide');

		var c = new RoomSlider('ddd');







	}

</script>

</html>